/* .herder{
    height: 80px;
    /* background-color: aqua; 
    overflow: hidden;

} */


/* 导航栏 */
/* .herder .card{
    float: left;
    width: 177px;
    height: 42px;
    margin-left: 67px;
    background: url(../img/logo.png) no-repeat center;
    margin-top: 23px;
   
}
.herder .nav{
    float: right;
    
}
.nav .nav-c{
    float: left;
    line-height: 80px;
    margin-right: 82px;
    
    

}
.nav .nav-c.c{
    margin-right: 161px;
}
.line{
    display:none;
    width: 20px;
    height: 1px;
    margin: 0 auto;
    margin-top:-27px;
    background-color:#b9ab77;
}
.nav-c:hover .line{
    display: block;
}
.nav-c a{
    font-size: 16px;
    color: #666666;
} */

/* 广告logo */
.logo{
    
    height: 720px;
    background: url(../img/logo1.jpg) no-repeat center;
    position: relative;
    
}
.logo .b1{
    position: absolute;
    right: 161px;
    top: 519px;
    width: 216px;
    height: 61px;
    background: url(../img/logo\ 2.png) no-repeat center;
}

.jt1{
    position: absolute;
    width: 50px;
    height: 79px;
    left: 0;
    top: 316px;

}
.jt2{
    position: absolute;
    width: 50px;
    height: 79px;
    right: 0;
    top: 316px;

}
.jt3{
    position: absolute;
    width: 52px;
    height: 52px;
    right: 0;
    bottom: 52px;

}
.lx{
    position: absolute;
    width: 52px;
    height: 52px;
    right: 0;
    bottom: 0;

}

/* 小圆点 */

/* .dot{
    position: absolute;
    right: 659px;
    bottom: 21px;
}
.dot .dot-item{
   
    float: left;
    width: 18px;
    height: 18px;
    background-color: #FFFFFF;
    border: solid 5px #6c6c6c;
    margin-right: 23px;
    border-radius: 50%;
} */


/* <!-- 婚纱礼服字样 --> */
.zi .char{
    
    margin: 0 auto;
    font-size: 26px;
    color: #444444;
    margin-top: 100px;
    text-align: center;
}
.zi .char2{
    font-size: 16px;
    color: #c1c1c1;
    text-align: center;
    margin-top: 10px;
}


/* 中心栏字样 */
.nav2 .nav2-c{
    display: block;
    float: left;
    width: fit-content;
    
  
    margin-right: 91px;
}
.nav2{
    width: fit-content;
    margin: 0 auto;
    margin-top: 80px;
    overflow: hidden;
}
.nav2 a{
    color: #4D4D4D;
}

.nav2-c.c{
    margin-right: 0;
}


/* 中心产品展示 */
.tu1{
    width: 270px;
    height: 360px;
    float: left;
    margin-right: 40px;
   position: relative;
   filter: grayscale(100%);
}
.tu-c{
    position: absolute;
    left: 37px;
    top: 124px;
    height: 14px;
    font-size: 14px;
    color: #FFFFFF;
    opacity: 0;
}
.tu-b{
    position: absolute;
    left: 103px;
    top: 177px;
    height: 12px;
    font-size: 12px;
    color: #FFFFFF;
    opacity: 0;
}
.tu-d{
    position: absolute;
    left: 78px;
    top: 197px;
    height: 12px;
    font-size: 12px;
    color: #FFFFFF;
    opacity: 0;
}
/* .bj{
    position: absolute;
    width: 270;
    height: 360;
    left: 0;
    top: 0;
} */




.tu1.x{
    margin-right: 39px;
}
.tu1.c{
    margin-right: 0 ;
}
.demo.w{
    
    height: 360px;
    margin-top: 56px;
   
}



/* 中心产品过渡 */

.tu1:hover{
    filter: grayscale(0);
    
}

.tu1:hover p{
    opacity: 1;
    transition: all ease 3s;

}





/* 中心按钮 */
.bom a{
    display: block;
    width: 151px;
    height: 45px;
    background-color:#FFFFFF;
    border: solid 1px #f5f5f5;
    margin: 0 auto; 
    text-align: center;
    line-height: 45px;
    color: #2d2d2d;
}
.bom.w{
    margin-top: 60px;
    margin-bottom: 60px;
}
/* 整块背景色 */
.zheng{
    height: 556px;
    background-color:#F9F9F9;
}
/* 珠宝配饰字样 */
.zi2-c{
    font-size: 26px;
    color: #444444;
    text-align: center;
    padding-top: 100px;
}
.zi2-c-x{
    font-size: 16px;
    color: #c1c1c1;
    text-align: center;
    margin-bottom: 60px;
}

/* 下方产品展示 */
.demo2{
    width: 270px;
    height: 180px;
    float: left;
    margin-right: 40px;
    margin-bottom: 60px;
    position: relative;
    
    
}
.demo2.c{
    margin-right: 0;
}
/*下方产品展示过渡*/
.demo2-c{
    position: absolute;
    width:100%;
    height: 60px;
    background-color: black;
    /* opacity: 0.2; */
    left: 0;
    top: 120px;
    opacity: 0;
}
.demo2-c-zi .p1{
    position:absolute ;
    color: #FFFFFF;
    left: 0;
    top: 120px;
    opacity: 0;
}
.demo2-c-zi .p2{
    position:absolute ;
    color: #c1c1c1;
    left: 0;
    top: 150px;
    font-size: 12px;
    opacity: 0;
}
.demo2:hover .demo2-c{
    opacity: 0.2;
    transition: all ease .2s;
}
.demo2:hover p{
    opacity: 1;
    transition: all ease .8s;
}






/* 下方按钮 */

.bom2 a{
    display: block;
    width: 151px;
    height: 45px;
    background-color:#FFFFFF;
    border: solid 1px #f5f5f5;
    margin: 0 auto; 
    text-align: center;
    line-height: 45px;
    overflow: hidden;
    color: #2d2d2d;
}


/* 最新活动 */
.zi3-c{
    margin-top: 100px;
    font-size: 25px;
    color: #444444;
    text-align: center;
}
.zi3-c-x{
    font-size: 16px;
    color: #c1c1c1;
    text-align: center;
    margin-top: 10px;
    
}

/* 下方背景图 */
.logo2{
    height: 354px;
    background: url(../img/logo11.jpg) no-repeat center;
    margin-top: 60px;
   
    
}

/* 下方活动介绍 */
.demo3.w{
    height: 167.5px;
   
}
.demo4{
    width: 300px;
    height: 335px;
    float: left;
    margin: 0;
    margin-top: -167.5px;
    background: url(../img/tupian48.jpg) no-repeat center;
    position: relative;

}







.d-4{
    position: absolute;
    width:fit-content;
    height: 23px;
    font-size: 30px;
    color: #8b8b8b;
    left: 43px;
    top: 44px;
    opacity: 0;

}

.d-4-1{
    position: absolute;
    width:fit-content;
    height: 12px;
    font-size: 14px;
    color: #8b8b8b;
    left: 139px;
    top: 55px;
    opacity: 0;
}


.d-4-2{
    position: absolute;
    width:fit-content;
  
	height: 16px;
    font-size: 16px;
    color: #000000;
    left: 43px;
    top: 115px;
    opacity: 0;
}



.d-4-3{
    position: absolute;
    width:fit-content;
  
	height: 16px;
    font-size: 13px;
    color:#8b8b8b;
    left: 43px;
    top: 152px;
    opacity: 0;
}
.d-4-4{
    position: absolute;
    width:fit-content;
  
	height: 9px;
    font-size: 14px;
    color:#bebebe;
    left: 44px;
    top: 244px;
    opacity: 0;
}
.d-4-5{
    position: absolute;
    width:fit-content;
  
	height: 11px;
    font-size: 14px;
    color:#bebebe;
    left: 84px;
    top: 244px;
    opacity: 0;
}
/* 图1过渡 */
.demo4-c{
    position: absolute;
    width: 300px;
    height: 335px;
    background-color: #FFFFFF;
    left: 0;
    top: 0;
    opacity: 0;
}

.demo4:hover .demo4-c{
    opacity: 0.8;
    transition: all ease 1s;
}
.demo4:hover .d-4{
    opacity: 1;
    transition: all ease 1s;
}
.demo4:hover .d-4-1{
    opacity: 1;
    transition: all ease 1s;
}
.demo4:hover .d-4-2{
    opacity: 1;
    transition: all ease 1s;
}
.demo4:hover .d-4-3{
    opacity: 1;
    transition: all ease 1s;
}
.demo4:hover .d-4-4{
    opacity: 1;
    transition: all ease 1s;
}
.demo4:hover .d-4-5{
    opacity: 1;
    transition: all ease 1s;
}






.demo4-1{
    width: 300px;
    height: 335px;
    float: left;
    margin: 0;
    margin-top: -167.5px;
    background: url(../img/tupian13.jpg) no-repeat center;

}
.demo4-1 img{
    margin: 6px 6px 7px 6px;
}





































.demo4-2{
    width: 300px;
    height: 335px;
    float: left;
    margin: 0;
    margin-top: -167.5px;
    background: url(../img/tupian49.jpg) no-repeat center;
    position: relative;

}

.d-5{
    position: absolute;
    width:fit-content;
    height: 23px;
    font-size: 30px;
    color: #8b8b8b;
    left: 42px;
    top: 38px;
    opacity: 0;

}

.d-5-1{
    position: absolute;
    width:fit-content;
    height: 12px;
    font-size: 14px;
    color: #8b8b8b;
    left: 139px;
    top: 49px;
    opacity: 0;
}


.d-5-2{
    position: absolute;
    width:fit-content;
  
	height: 16px;
    font-size: 16px;
    color: #000000;
    left: 43px;
    top: 109px;
    opacity: 0;
}



.d-5-3{
    position: absolute;
    width:fit-content;
  
	height: 16px;
    font-size: 13px;
    color:#8b8b8b;
    left: 43px;
    top: 146px;
    opacity: 0;
}
.d-5-4{
    position: absolute;
    width:fit-content;
  
	height: 9px;
    font-size: 14px;
    color:#bebebe;
    left: 43px;
    top: 238px;
    opacity: 0;
}
.d-5-5{
    position: absolute;
    width:fit-content;
  
	height: 11px;
    font-size: 14px;
    color:#bebebe;
    left: 83px;
    top: 238px;
    opacity: 0;
}

/* .demo4-2-c{
    position: absolute;
    width: 300px;
    height: 335px;
    background-color: #FFFFFF;
    left: 0;
    top: 0;
    opacity: 0;
} */

/* 图3过渡 */


.demo4-2:hover .demo4-c{
    opacity: 0.8;
    transition: all ease 1s;
}
.demo4-2:hover .d-5{
    opacity: 1;
    transition: all ease 1s;
}
.demo4-2:hover .d-5-1{
    opacity: 1;
    transition: all ease 1s;
}
.demo4-2:hover .d-5-2{
    opacity: 1;
    transition: all ease 1s;
}
.demo4-2:hover .d-5-3{
    opacity: 1;
    transition: all ease 1s;
}
.demo4-2:hover .d-5-4{
    opacity: 1;
    transition: all ease 1s;
}
.demo4-2:hover .d-5-5{
    opacity: 1;
    transition: all ease 1s;
}










.demo4-3{
    width: 300px;
    height: 335px;
    float: left;
    margin: 0;
    margin-top: -167.5px;
    background: url(../img/tupian50.jpg) no-repeat center;
    position: relative;

}
.d-6{
    position: absolute;
    width:fit-content;
    height: 23px;
    font-size: 30px;
    color: #8b8b8b;
    left: 43px;
    top: 44px;
    opacity: 0;

}

.d-6-1{
    position: absolute;
    width:fit-content;
    height: 12px;
    font-size: 14px;
    color: #8b8b8b;
    left: 140px;
    top: 55px;
    opacity: 0;
}


.d-6-2{
    position: absolute;
    width:fit-content;
  
	height: 16px;
    font-size: 16px;
    color: #000000;
    left: 44px;
    top: 115px;
    opacity: 0;
}



.d-6-3{
    position: absolute;
    width:fit-content;
  
	height: 16px;
    font-size: 13px;
    color:#8b8b8b;
    left: 43px;
    top: 146px;
    opacity: 0;
}
.d-6-4{
    position: absolute;
    width:fit-content;
  
	height: 9px;
    font-size: 14px;
    color:#bebebe;
    left: 45px;
    top: 244px;
    opacity: 0;
}
.d-6-5{
    position: absolute;
    width:fit-content;
  
	height: 11px;
    font-size: 14px;
    color:#bebebe;
    left: 85px;
    top: 244px;
    opacity: 0;
}

/* 图4过渡 */


.demo4-3:hover .demo4-c{
    opacity: 0.8;
    transition: all ease 1s;
}
.demo4-3:hover .d-6{
    opacity: 1;
    transition: all ease 1s;
}
.demo4-3:hover .d-6-1{
    opacity: 1;
    transition: all ease 1s;
}
.demo4-3:hover .d-6-2{
    opacity: 1;
    transition: all ease 1s;
}
.demo4-3:hover .d-6-3{
    opacity: 1;
    transition: all ease 1s;
}
.demo4-3:hover .d-6-4{
    opacity: 1;
    transition: all ease 1s;
}
.demo4-3:hover .d-6-5{
    opacity: 1;
    transition: all ease 1s;
}










/* 按钮 */
.bom3.w{
    overflow: hidden;
    margin-top: 59px;
    margin-bottom: 60px;
    
}
.bom3 a{
    display: block;
    width: 151px;
    height: 45px;
    background-color:#FFFFFF;
    border: solid 1px #f5f5f5;
    margin: 0 auto; 
    text-align: center;
    line-height: 45px;
    color: #2d2d2d;
    
    

}


/* 设计师模块 */
.stylist{
    background-color: #4D4D4D;
    height: 664px;
    overflow: hidden;
    position: relative;

}
.stylist-c{
    font-size: 26px;
    color: #f7f5f5;
    
}
.stylist-c-x{
    font-size: 16px;
    color: #c1c1c1;
    margin-top: 10px;
}
.stylist p{
    text-align: center;
   
}
.stylist-2{
    margin-top: 100px;
}


/* 设计师图片 */

.stylist-tu{
    width: 180px;
    height: 180px;
    float: left;
    margin-right: 232px;
    margin-top: 60px;
    
   
}
.stylist-tu.c{
    margin-right: 0;
}
.stylist-tu-c{
    width:1004px ;
    height: 180px;
    margin: 0 auto;
    padding-top: 0.1px;
}

/* Jason . W */
.stylist .name{
    position: absolute;
    width: 111px;
    height: 19px;
    bottom: 229px;
    left: 134px;


}
.stylist .name .m{
    font-size: 24px;
    color: #f7f5f5;
}
.stylist .name2{
    position: absolute;
    width: fit-content;
    height: 12px;
    bottom: 207px;
    left: 159px;


}
.stylist .name2 .m2{
    font-size: 12px;
    color: #b9b9b9;
}
.stylist .name3{
    position: absolute;
    width: 277px;
    height: 33px;
    bottom: 155px;
    left: 51px;


}
.stylist .name3 .m3{
    font-size: 12px;
    color: #b9b9b9;
}


.stylist .name4{
    position: absolute;
    width: 36px;
    height: 10px;
    bottom: 77px;
    left: 173px;


}
.stylist .name4 .m4{
    font-size: 12px;
    color: #b9b9b9;
}

.stylist .name5{
    position: absolute;
    width: 153px;
    height: 3px;
    border: solid 1px #bbbaba;
    background-color: #bbbaba;
    left: 113px;
    bottom: 59px;
}






/* 颜澈 */

.stylist .name-c{
    position: absolute;
    width: 48px;
    height: 23px;
    bottom: 227px;
    left: 575px;


}
.stylist .name-c .m-c{
    font-size: 24px;
    color: #f7f5f5;
}
.stylist .name2-c{
    position: absolute;
    width: 60px;
    height: 12px;
    bottom: 207px;
    left: 571px;


}
.stylist .name2-c .m2-c{
    font-size: 12px;
    color: #b9b9b9;
}
.stylist .name3-c{
    position: absolute;
    width: 277px;
    height: 34px;
    bottom: 155px;
    left: 466px;


}
.stylist .name3-c .m3-c{
    font-size: 12px;
    color: #b9b9b9;
}


.stylist .name4-c{
    position: absolute;
    width: 36px;
    height: 10px;
    bottom: 77px;
    left: 584px;


}
.stylist .name4-c .m4-c{
    font-size: 12px;
    color: #b9b9b9;
}

.stylist .name5-c{
    position: absolute;
    width: 153px;
    height: 3px;
    border: solid 1px #bbbaba;
    background-color: #bbbaba;
    left: 524px;
    bottom: 59px;
}






/* Katherine .J  */
.stylist .name-x{
    position: absolute;
    width:fit-content;
    height: 19px;
    bottom: 229px;
    left: 948px;


}
.stylist .name-x .m-x{
    font-size: 24px;
    color: #f7f5f5;
}
.stylist .name2-x{
    position: absolute;
    width: 48px;
    height: 12px;
    bottom: 207px;
    left: 989px;


}
.stylist .name2-x .m2-x{
    font-size: 12px;
    color: #b9b9b9;
}
.stylist .name3-x{
    position: absolute;
    width:fit-content;
    height: 33px;
    bottom: 155px;
    left: 885px;


}
.stylist .name3-x .m3-x{
    font-size: 12px;
    color: #b9b9b9;
}


.stylist .name4-x{
    position: absolute;
    width: 36px;
    height: 10px;
    bottom: 77px;
    left: 997px;


}
.stylist .name4-x .m4-x{
    font-size: 12px;
    color: #b9b9b9;
}

.stylist .name5-x{
    position: absolute;
    width: 153px;
    height: 3px;
    border: solid 1px #bbbaba;
    background-color: #bbbaba;
    left: 937px;
    bottom: 59px;
}



/* 底部


.footer.w{
    height: 100px;
    overflow: hidden;
    position: relative;

}
.footer .foot{
    position: absolute;
    width:fit-content;
    height: 12px;
    font-size: 12px;
    color: #323232;
    top: 39px;
    left: 0;
}
.footer .foot-b{
    position: absolute;
    width:fit-content;
    height: 12px;
    font-size: 12px;
    color: #323232;
    top: 63px;
    left: 0;

}

.footer .foot-c{
    position: absolute;
    width: fit-content;
    height: 10px;
    font-size: 12px;
    color: #323232;
    right: 221px;
    bottom: 45px;
}
.footer .foot-d{
    position: absolute;
    width: fit-content;
    height: 10px;
    font-size: 12px;
    color: #323232;
    right: 109px;
    bottom: 45px;
}

.footer .foot-e{
    position: absolute;
    width: fit-content;
    height: 10px;
    font-size: 12px;
    color: #323232;
    right: 0px;
    bottom: 45px;
} */



/* 底部 */
.footer{
    height: 100px;
    background-color: #FFFFFF;
font-size: 12px;
    overflow: hidden;

}
.foot-c{
    float: left;
    
}
.foot-c p{

    color: #323232;
}

.foot-l{
    margin-top: 32px;

}
.foot-l2{
    margin-top: 12px;
}
.foot-c-r{
    margin-top: 50px;
    float:right;
}
.r-1{
    
    float: left;
    margin-right: 62px;
}
.r-1.c{
    margin-right: 0;
}




.foot-c-r a{
    color: #323232;
}



